<script>
import LittleTitle from '../../components/common/LittleTitle.vue'
import News from '../../components/notice/News.vue'
import Share from '../../components/research/Share.vue'
export default{
    components:{
        LittleTitle,
        News,
        Share
    },
    data(){
        return{
            showChildInfo:true,
            titleChildInfo:"通知公告",
            showChildShare:true,
            titleChildShare:"资料共享",
            showChildWho:true,
            titleChildWho:"我们是谁",
            showChildWhat:true,
            titleChildWhat:"我们在做什么",
            showChildAchv:true,
            titleChildAchv:"我们的成果",
            showChildGrad:true,
            titleChildGrad:"毕业生去向",
        }
    }
}
</script>
<template>
  <div class="content">
    <el-row :gutter="0" >
      <el-col :span="2"><div/></el-col>
      <el-col :span="12">
        <div>
          <LittleTitle :show="showChildInfo" :title="titleChildInfo"/>
          <div >
            <News v-for="index in 5" :key="index"></News>
          </div>
        </div>
      </el-col>
      <el-col :span="8"><div>
        <div>
          <LittleTitle :show="showChildShare" :title="titleChildShare"/>
          <div >
            <Share v-for="index in 5" :key="index"></Share>
          </div>
        </div>
      </div></el-col>
      <el-col :span="2"><div></div></el-col>
    </el-row>
    <el-row :gutter="0" >
      <el-col :span="2"><div/></el-col>
      <el-col :span="12">
        <div>
          <LittleTitle :show="showChildWho" :title="titleChildWho"/>
          <div class="text">
            云计算与物联网实验室是一个先进的科研和创新中心，致力于推动云计算和物联网领域的前沿技术研究和应用开发。我们汇集了一支高度资深的研究团队，拥有丰富的实践经验，以及最新的硬件和软件资源。
在我们的实验室中，我们积极探索云计算技术，包括云服务器、容器化、自动化部署等，以提供高效、可扩展的云服务解决方案。同时，我们也专注于物联网领域，研究传感器技术、物联网协议、数据分析和人工智能应用，以推动智能化、连接化的物联网系统的发展。
          </div>
        </div>
      </el-col>
      <el-col :span="8"><div>
        <div>
          <LittleTitle :show="showChildShare" :title="titleChildShare"/>
          <div >
            <Share v-for="index in 5" :key="index"></Share>
          </div>
        </div>
      </div></el-col>
      <el-col :span="2"><div></div></el-col>
    </el-row>
  </div>
</template>

<style scoped>
    .content {
        position: relative;
        top:51px;
        width: 100%;
        background-color: white;
    }
    .text{
      font-size: 0.2rem;
      margin-left: 10%;
      margin-right: 10%;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;
      color: #919FAE;
      line-height: 25px;
    }
</style>
